.wrapper{
    height:380vw;
    background: #3f90fb;
    width: 100%;
}
body{
    margin: 0;
}
.header{
    width: 100%;
    height: 8vw;
    padding-right: 0;
    background: #3f90fb;
    border: none;
    text-align: right;
}
.header img{
    width: 8vw;
    height: 8vw;

}
.myselftop{
    display: flex;
    margin-left: 2vw;
}
.myselftopleft{
    font-size: 15vw;
    background: #297ae6;
    color: white;
    width: 16vw;
    height: 16vw;
    border-radius: 8vw;
}
.myselftoprighttop h2{
    font-size: 5vw;
}
.myselftopright{
    display: flex;
    flex-direction: column;
    margin-left: 2vw;
}
.myselftopright h2{
    margin: 0;
    color: white;
}
.myselftopright p{
    margin: 0;
}
.myselftoprightbottom{
    display: flex;
    margin-top: 2vw;
}
.myselftoprightbottomleft{
    display: flex;
    background: white;
    border-radius: 3vw;
    width: 28vw;
    height: 5vw;
}
.myselftoprightbottomleft p{
    font-size: 3vw;
}
.myselftoprightbottomright p{
    font-size: 3vw;
}
.myselftoprightbottomright{
    display: flex;
    background: white;
    border-radius: 3vw;
    margin-left: 1vw;
    width: 24vw;
    height: 5vw;
}
.myselftoprightbottomicon{
    width: 3vw;
    height: 3vw;
    border-radius: 2vw;
    background: #17c217;
    color: white;
    margin-left: 2vw;
    margin-top: 1vw;
    font-size: 3vw;
}
.myselflist0{
    background: white;
    margin-left: 2vw;
    margin-top: 2vw;
    padding-bottom: 2vw;
    margin-bottom: 2vw;
    margin-right: 2vw;
    border-radius: 2vw;
    display: flex;
    justify-content: space-around;
}
.myselflist0 p{
    margin-top:6vw ;
}
.myselflist01{
    display: flex;
    flex-direction: column;
    align-content: center;
}
.myselflist01 img{
    width: 15vw;
    height: 15vw;
}
.myselflist01 p{
    margin: 0;
    padding-left: 2vw;
    font-size: 4vw;
}
.myselflist0img{
    margin-left: 2vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    margin-right: 2vw;
}
.myselflist0img img{
    width: 100%;
    height: 30vw;
}
.myselflist1{
    display: flex;
    flex-direction: column;
    width: 95%;
    margin-left: 2vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    margin-right: 2vw;
    background: white;
    border-radius: 2vw;
}
.myselflist1 h3{
    margin-left: 2vw;
    border-bottom: solid #454547;
    margin-right: 2vw;
    padding-bottom: 2vw;
    font-size: 4.5vw;
}
.myselflist1items{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    width: 100%;
}
.myselflist1item{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 23vw;
    height: 23vw;

}
.myselflist1item img{
    width: 15vw;
    height: 15vw;
    padding-left: 5vw;
}
.myselflist1item p{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5vw;
    font-size: 3vw;
}
.question{
    margin-left: 2vw;
    margin-right: 2vw;
    margin-top: 2vw;
    background: #f3f1e8;
    border-radius: 2vw;
    height: 70vw;
}
.question h3{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2vw;
    margin-right: 2vw;
}
.questiontop{
    display: flex;
    justify-content: space-between;
    padding-bottom: 2vw;
    border-bottom: solid #717171;
}
.questiontop h3{
    font-size: 4.5vw;
}
.questiontopright{
    display: flex;
    color: #3c97f9;
    margin-top: 1vw;
}
.questiontopright p{
    margin: 0;
    font-size: 3vw;
}
.questionlist{
    display: flex;
    justify-content: space-between;
    margin-top: 2vw;
    margin-left: 2vw;
    margin-right: 2vw;
    border-bottom: solid #717171;
}
.questionlist p{
    margin: 0;
    margin-bottom: 2vw;
    font-size: 3.5vw;
}
/*******底部菜单*********/
.footer{
    width: 100%;
    height: 14vw;
    padding: 0;
    border-top: solid 1px #DDD;
    background-color: #fff;

    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0;
}
.footer li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    color: #090606;
    user-select: none;
    cursor: pointer;
}
.footer li p{
    font-size: 2.8vw;
    margin: 0;
}
.footer li i{
    font-size: 5vw;
}